Hjälp med design
Jag har börjat fnula lite på en vårdesign men har redan stött på problem som jag inte lyckas lösa! Bry er inte så mycket om bilderna eftersom header och allt bara är tillfälliga och designen överlag egentligen bara påbörjad, utan det jag vill ha hjälp med är menyn och reklamen.
Jag fick för mig att jag skulle dela upp menyn i boxar vilket ledde till att menyn blev en punktlista.. Hur får jag bort den här punktlistan?
Sen undrar jag om man kan flytta reklamen på bloggen som alltid syns under det senast publicerade inlägget. Nu sticker den ut på sidan men jag skulle vilja flytta in den lite.. Hur kan jag göra det? Går det ens?
Här är alltså bloggen där jag håller på lite nu - www.springhejtina.blogg.se
.: Dance like there is no tomorrow :.
[Lyssna på någon av mina låtar -
”Jag är en liten bajskorv” på Spotify]
Ofta när man får punktlista så har man skrivit fel någon stanns. kolla igenom den kodmall så att du inte har missat något eller gjort något fel. Reklam är jag tyvärr ingen höjdare på, hoppas någon annan kan hjälpa dig med det.
Vänliga hälsningar Jessica
medarbetare på socialt stöd & Anhöriga
#1: Det enda jag lagt till i menyerna är boxarna och inte ändrat något annat, utan det var när boxarna kom som punktlistan blev. Googlat lite och sett att flera råkat ut för precis samma grej men inte fått någon lösning på problemet.. Alla
- och
- står kvar och de står på rätt plats vad jag kan se, har inte flyttat på dom. Jag har testat att lägga in link-style: none; i alla länkkoder i stilmallen men den där jävla punklistan är ändå kvar :P
.: Dance like there is no tomorrow :.
[Lyssna på någon av mina låtar -
”Jag är en liten bajskorv” på Spotify]
Vad har du för stilmall? hade samma problem ett tag, och bytte stilmall och det fungerade. Eller så är det bara jag som är okunning :)
Vänliga hälsningar Jessica
medarbetare på socialt stöd & Anhöriga
Du kan inte lägga upp din kodning så kanske någon kan lista ut vad som kan vara fel.
Vänliga hälsningar Jessica
medarbetare på socialt stöd & Anhöriga
#3: Det är fashion från början, men punktlistan var inte där från start.. Den kom när jag la in boxarna.. :(
.: Dance like there is no tomorrow :.
[Lyssna på någon av mina låtar -
”Jag är en liten bajskorv” på Spotify]
Här är kodmallen för side,
Jag heter Tina och jag är 23 år. Jag bor i Stockholm tillsammans med min sambo, vår dotter Minna och vår hund. I den här bloggen får du följa med mig i vår vardag tillsammans och i mitt liv som Minnas mamma. Kontakta mig.
Här kommer hela stilmallen;
body {
margin: 0px;
padding:0px;
background: url(http://springhejtina.blogg.se/images/2012/namnls5_187337843.jpg);
background-attachment: fixed;
}
a {
color: #000000; text-decoration:none; font-style: verdana; font-size; 11px; text-align: left;}
a:hover {color: #cdcdcd; text-decoration:none; font-style: verdana; font-size; 11px; text-align: left;}
#wrapper {
background: none;
margin: 0px auto;
padding: 10px 10px 0px 10px;
width: 1030px;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header {
background: url(http://springhejtina.blogg.se/images/2012/testhead_188300718.png) no-repeat center bottom;
margin: 0px 0px 0px 200px;
width: 750px;
height: 500px;
}
#side {
background: url(http://springhejtina.blogg.se/images/2012/sidebackground-230px_188302947.png);
float: left;
width: 220px;
margin: -300px 0px 0px -40px;
padding: 0px 0px 30px 20px;
}
#box {
width: 210px;
background: #FFFFFF;
padding: 5px 5px 5px 5px;
-moz-box-shadow:0px 0px 15px #999;
box-shadow: 0px 0px 15px #999;
-webkit-border-radius: 15px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
-moz-border-radius: 15px; /* FF1-3.6 */
border-radius: 15px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}
#content {
background: url(http://springhejtina.blogg.se/images/2012/content-bakgrund-710px_188300257.png);
overflow: hidden;
width: 751px;
left:0px;
voice-family:"\"}\"";
voice-family:inherit;
width:751px;
float: right;
margin: -2px 79px 0px 0px;
padding: 0px 0px 0px 0px;
}html>body #content { width: 751px }
#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}
h1 {
font-family: arial, verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000;
text-transform:uppercase;
margin: 0px;
padding: 0px;
height: 30px;
}
h2 {
font-family: arial, verdana, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
margin: 0px;
padding: 0px;
width: 170px;
}
/** Entry headers **/
h3 {
background: #FFFFFF;
font-family: corbel, tempus sans itc, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
padding:10px 0px 0px 0px;
color: #666666;
margin: 30px 30px 0px 30px;
}
.navheader {
font-family: corbel, Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: normal;
color: #000000;
padding:5px 5px 5px 5px;
margin: 10px 10px 0px 10px;
background-color:#e6dfda;
}
.nav {
font-family: corbel, Estrangelo edessa, verdana, Arial, Helvetica, Sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
margin: 0px;
}
.nav ul {
margin: 0px 0px 0px;
padding: 0px 0px 0px;
font-weight: normal;
background-color: #FFFFFF;
}
.nav li {
list-style: none;
padding: 0px 0px 6px 0px;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
.nav a { color: #000000; text-decoration: none;}
.nav a:hover { color: #cdcdcd; text-decoration: none;}
.design {
margin-top: 5px;
margin-bottom: 15px;
color: #ffffff;
background-color: #ffffff;
text-align: center;
}
.design a { color: #ffffff; text-decoration: none;}
.design a:hover { color: #ffffff; text-decoration: none; }
/** Post's body text **/
.entrybody {
font-family: corbel, Estrangelo edessa, Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000000;
line-height: 150%;
margin: 0px 30px 20px 30px;
background-color: #FFFFFF;
padding: 0px;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: corbel, Estrangelo edessa, verdana, verdana, sans-serif;
font-size: 11px;
font-weight: normal;
color: #9c9c9c;
text-align:right;
margin: 0px 30px 0px 30px;
}
.entrymeta a { color: #adadad; }
.entrymeta a:hover { color: #cdcdcd; }
.datum {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #9c9c9c;
text-align: left;
margin: 0px 30px 10px 30px;
}
.kommentera {
font-family: verdana, arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000000;
text-align:right;
margin: 0px 30px 0px 30px;
}
.kommentera a { color: #000000; text-decoration:none;}
.kommentera a:hover { color: #cdcdcd; text-decoration:none;}
.commentheader {
font-family: corbel, arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background-color:#ffffff;
padding:0px;
color: #000000;
margin: 0px 8px 0px 8px
}
.commenttext {
font-family: corbel, verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000;
line-height: 130%;
margin: 0px 8px 0px 8px
}
.commentmeta {
font-family: corbel, verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #999999;
margin: 10px 8px 20px 8px
}
.commentmeta a { color: #000000; }
.commentmeta a:hover { color: #cdcdcd; }
.commentform {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}
.separator {
border-top: 2px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;
margin: 14px 0px 14px 0px
}
.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}
.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}
.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}
.image {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}
.thumbnail {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}
.video{
padding: 0px 0px 0px 0px;
}
.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}
select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}
#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
margin: 12px 0px 12px 0px;
padding: 10px;
}
#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}
#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}
#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}
#calendar table tr td {
border: 1px solid #666666;
text-align: center;
font-size: xx-small;
}
#calendar table tr ul {
color: #666666;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
}
#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}
#calendar table tr td.cssDayMouseOut {
border: 1px solid #666666;
}
#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #666666;
}
#calendar table tr td ul li {
color: #666666;
}
#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}
#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}
form {
padding: 10px;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}
#profile {
font-family: Verdana, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-left: 16px;
}
#profile h4{
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}
#profile p{
}
.: Dance like there is no tomorrow :.
[Lyssna på någon av mina låtar -
”Jag är en liten bajskorv” på Spotify]
Hm.. jag minns att jag hade samma problem men minns inte om eller hur jag löste det.
Vänliga hälsningar Jessica
medarbetare på socialt stöd & Anhöriga
jag tror att felet ligger i din kodmall, men vart är svårare.
Vänliga hälsningar Jessica
medarbetare på socialt stöd & Anhöriga
Det beror mest troligen på att .nav li selektorn i din stilmall inte fungerar längre. Testa att byta ut detta mot t.ex. #box ul li { list-style: none;}
Du har för övrigt gjort ett vanligt misstag med dina divar, de har alla samma ID. Ett ID ska bara användas en gång. Se det som ett personnummer. Flera personer kan inte ha samma personnummer - flera divar kan inte ha samma ID. När man vill kunna hänvisa till och göra samma sak med flera element använder man istället en klass (class). Flera saker kan tillhöra samma klass. För att ändra detta byter du ut id="box" mot class="box".
Om du byter ut id="box" till class="box" måste du även skriva .box ul li istället för #box ul li i din stilmall.
min tanke var att hon även kan ta bort "rubrikerna" och endast skriva namnet på rubrikerna. för mig att det fungerade för mig. men Mimmi du är oerhört duktig, så du brukar kunna lösa saker! :)
Vänliga hälsningar Jessica
medarbetare på socialt stöd & Anhöriga
Tack så jättemycket! :) Nu förstår jag precis! 
.: Dance like there is no tomorrow :.
[Lyssna på någon av mina låtar -
”Jag är en liten bajskorv” på Spotify]
Någon som förresten vet om man kan flytta reklamen så den inte sticker ut på sidan?
.: Dance like there is no tomorrow :.
[Lyssna på någon av mina låtar -
”Jag är en liten bajskorv” på Spotify]
Starta ny diskussion